<div class="container">
    <!--<div class="row ">
        <div class="breadcrumb_wrap">
            <ul class="breadcrumb">
                <li> <a href="index.html">首页</a> <span class="divider">></span> </li>
                <li class="active">商品列表</li>
            </ul>
        </div>
        <div class="course_select">
            <form class="form-horizontal" role="form">
                <div class="form-group">
                    <label  class="col-sm-1 control-label">分类</label>
                    <div class="col-sm-10 opt">
                        <div class=" radio-inline">
                            <input type="radio" ng-model="goodsParam.typeOne" ng-change="serachGoodByTypeOne()"  id="optionsRadios11" value="" checked="checked">
                            <label for="optionsRadios11" >全部1</label>
                        </div>
                        <div class=" radio-inline" ng-repeat="typeOne in typeOneList">
                            <input type="radio" ng-model="goodsParam.typeOne" id="{{typeOne.id}}" ng-change="serachGoodByTypeOne(typeOne)" value="{{typeOne.id}}" >
                            <label for="{{typeOne.id}}" >{{typeOne.title}}</label>
                        </div>
                    </div>
                </div>
                <div class="form-group" ng-show="showType">
                    <label  class="col-sm-1 control-label">材质</label>
                    <div class="col-sm-10 opt">
                        <div class=" radio-inline">
                            <input type="radio" ng-model="goodsParam.type" ng-change="serachGoodByType()" id="optionsRadios21" value="" checked="checked">
                            <label for="optionsRadios21" >全部</label>
                        </div>
                        <div class=" radio-inline" ng-repeat="type in typeList">
                            <input type="radio" ng-model="goodsParam.type"  id="{{type.id}}" ng-change="serachGoodByType(type)" value="{{type.id}}" >
                            <label for="{{type.id}}" >{{type.typeName}}</label>
                        </div>

                    </div>
                </div>
                <div class="form-group" ng-show="showStyle">
                    <label  class="col-sm-1 control-label">品类</label>
                    <div class="col-sm-10 opt">
                        <div class=" radio-inline">
                            <input type="radio" ng-model="goodsParam.gstyle" ng-change="serachGoodByStyle()" id="optionsRadios31" value="" checked="checked">
                            <label for="optionsRadios31" >全部</label>
                        </div>
                        <div class=" radio-inline" ng-repeat="style in styleList">
                            <input type="radio" ng-model="goodsParam.gstyle" id="{{style.id}}" ng-change="serachGoodByStyle(style)" value="{{style.id}}">
                            <label for="{{style.id}}" >{{style.typeName}}</label>
                        </div>

                    </div>
                </div>
                <div class="form-group" ng-show="showPX">
                    <label  class="col-sm-1 control-label">品型</label>
                    <div class="col-sm-10 opt">
                        <div class=" radio-inline">
                            <input type="radio" ng-model="goodsParam.px" ng-change="searchGoods()"  id="optionsRadios41" value="" checked="checked">
                            <label for="optionsRadios41" >全部</label>
                        </div>
                        <div class=" radio-inline" ng-repeat="px in pxList">
                            <input type="radio" ng-model="goodsParam.px"  id="{{px.id}}" value="{{px.id}}" ng-change="searchGoods()">
                            <label for="{{px.id}}" >{{px.title}}</label>
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <label  class="col-sm-1 control-label">商品名称</label>
                    <div class="col-sm-10 sel" >
                        <ul>
                            <li class=" radio-inline"><input type="text" ng-model="goodsParam.title"></li>
                            <li class=" radio-inline course_search" ng-click="searchGoods()"> <a class="btn btn-default btn_search" title="搜索"> <i class="glyphicon glyphicon-search"></i>搜索</a> </li>
                        </ul>
                    </div>
                </div>
            </form>
        </div>
        <div class="tz-gallery">
            <div class="course">
                <div class="col-sm-6 col-md-4" ng-repeat="goods in goodsList">
                    <div class="thumbnail" >
                        <a ng-if="goods.iconUrl!=undefined&&goods.iconUrl!=''" class="lightbox" >
                            <img class="mui-media-object" ng-src="/dapi/download/getImageIO?imgUrl={{goods.iconUrl}}" style="height: 308px;width: 308px">
                            <div class="mui-media-body"></div>
                        </a>
                        <a ng-if="goods.iconUrl==undefined||goods.iconUrl==''" class="lightbox">
                            <img class="mui-media-object" ng-src="/app/images/goodsDefault.gif">
                            <div class="mui-media-body"></div>
                        </a>
                        <div class="caption">
                            <h3>{{goods.title}}</h3>
                            <div class="select"> <a target="_blank" href="/jewellery/common/goodsDetail/{{goods.id}}" >商品详情</a></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="page_wrap">
            <div class="text-center scott">
                <uib-pagination  total-items="totalItems" ng-model="currentPage" boundary-links="true" max-size="5"   ng-change="pageChanged()" items-per-page="itemsPerPage" previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"></uib-pagination>
            </div>
        </div>
    </div>-->


        <div class="bread">
            <span>您当前的位置：</span>
            <a href="">首页</a> >
            <a href="">产品列表</a>
        </div>
        <div class="condition">
            <div class="type clearfix">
                <div class="name">分类</div>
                <span  ng-class="{'on':goodsParam.typeOne==''}"  ng-click="typeOneClick()">全部</span>
                <span  ng-class="{'on':goodsParam.typeOne==typeOne.id}"   ng-repeat="typeOne in typeOneList"  ng-click="typeOneClick(typeOne)" >{{typeOne.title}}</span>
            </div>
            <div class="type clearfix" ng-show="showType">
                <div class="name">材质</div>
                <span  ng-class="{'on':goodsParam.type==''}"  ng-click="typeClick()">全部</span>
                <span  ng-class="{'on':goodsParam.type==type.id}"  ng-repeat="type in typeList"  ng-click="typeClick(type)" >{{type.typeName}}</span>
            </div>
            <div class="type clearfix" ng-show="showStyle">
                <div class="name">品类</div>
                <span  ng-class="{'on':goodsParam.gstyle==''}"  ng-click="styleClick()">全部</span>
                <span  ng-class="{'on':goodsParam.gstyle==style.id}"   ng-repeat="style in styleList"  ng-click="styleClick(style)" >{{style.typeName}}</span>
            </div>
            <div class="type clearfix" ng-show="showPX">
                <div class="name">品型</div>
                <span  ng-class="{'on':goodsParam.px==''}"  ng-click="pxClick()">全部</span>
                <span  ng-class="{'on':goodsParam.px==px.id}"   ng-repeat="px in pxList"  ng-click="pxClick(px)" >{{px.title}}</span>
            </div>
            <div class="search clearfix">
                <span>商品名称</span>
                <input type="text" class="text" ng-model="goodsParam.title">
                <input type="button" value="搜索" class="btn" ng-click="searchGoods()">
            </div>
        </div>

        <!--condition end-->
        <div class="product">
            <div class="product-list clearfix tz-gallery" >
                <div class="item thumbnail" ng-repeat="goods in goodsList" >
                    <div class="img ">
                        <a ng-if="goods.iconUrl!=undefined&&goods.iconUrl!=''" class="lightbox">
                            <img ng-src="/dapi/download/getImageIO?imgUrl={{goods.iconUrl}}" alt=""  style="height: 282px;width: 322px">
                        </a>
                        <a ng-if="goods.iconUrl==undefined||goods.iconUrl==''" class="lightbox">
                            <img  ng-src="/app/images/goodsDefault.gif"  style="height: 282px;width: 322px">
                        </a>
                    </div>
                    <div class="text">
                        <p>{{goods.title}}</p>
                        <a href="/jewellery/common/goodsDetail/{{goods.id}}" target="_blank">商品详情</a>
                    </div>
                </div>
            </div>
            <div class="page_wrap">
                <div class="text-center scott">
                    <uib-pagination  total-items="totalItems" ng-model="currentPage" boundary-links="true" max-size="5"   ng-change="pageChanged()" items-per-page="itemsPerPage" previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"></uib-pagination>
                </div>
            </div>
        </div>



</div>